<template>
    <div id="frontHome">
    <h1>欢迎光临第三组的餐饮管理前台
      <el-button type="primary" style="float: right" plain @click="showstatics=!showstatics">介绍/排行</el-button>
    </h1>
    <div id="banner-wrap" style="height: 100%">
      <FrontBanner :showstatics="showstatics"></FrontBanner>
    </div>
  </div>
</template>

<script>
  import FrontBanner from '../../components/front/cf/FrontBanner';
  export default {
    name: "FrontHome",
    components: {
      FrontBanner
    },
    data(){
      return {
        showstatics: false
      }
    }
  }
</script>

<style lang="less" scoped>
#frontHome{
  height: 80%;
  
  h1 {
    margin-bottom: 30px ;
    color: #909399;
    text-align: center;
  }
}
</style>
